<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* header {
        border: 1px solid black;
        height: 400px;
        overflow: hidden;
      }
      div {
        width: 300px;
        height: 200px;
        background-color: lightcoral;
        float: left;
      }
      section {
        width: 400px;
        height: 300px;
        background-color: lightblue;
        float: left;
      }
      footer {
        width: 400px;
        height: 400px;
        background-color: lawngreen;
        float: left;
      }
      aside {
        width: 600px;
        height: 400px;
        background-color: khaki;
        float: left;
      }

      main {
        width: 100%;
        height: 300px;
        background-color: black;
      } */

      div {
        width: 500px;
        height: 600px;
        border: 2px solid black;
      }
      img {
        width: 300px;
        float: right;
      }
    </style>
  </head>
  <body>
    <!-- <header>
      <div>div元素</div>
      <section>section元素</section>
      <footer>footer元素</footer>
      <aside>aside元素</aside>
    </header>
    <main></main> -->

    <div>
      <img src="./images/熊.jpeg" alt="" />
      <p>
        新华社长沙3月21日电　中共中央总书记、国家主席、中央军委主席习近平近日在湖南考察时强调，湖南要牢牢把握自身在构建新发展格局中的战略定位，坚持稳中求进工作总基调，坚持高质量发展不动摇，坚持改革创新、求真务实，在打造国家重要先进制造业高地、具有核心竞争力的科技创新高地、内陆地区改革开放高地上持续用力，在推动中部地区崛起和长江经济带发展中奋勇争先，奋力谱写中国式现代化湖南篇章。
        　　3月18日至21日，习近平在湖南省委书记沈晓明和省长毛伟明陪同下，先后来到长沙、常德等地，深入学校、企业、历史文化街区、乡村等进行调研。
        　　18日下午，习近平来到湖南第一师范学院（城南书院校区）考察。该校前身是创办于宋代的城南书院，近代以来培养了一批老一辈无产阶级革命家和名师大家。习近平参观青年毛泽东主题展览，了解学院发展沿革和用好红色资源等情况。在学院大厅，习近平同师生代表亲切交流。他说，国家要强大，必须办好教育。一师是开展爱国主义教育、传承红色基因的好地方，要把这一红色资源保护运用好。学校要立德树人，教师要当好大先生，不仅要注重提高学生知识文化素养，更要上好思政课，教育引导学生明德知耻，树牢社会主义核心价值观，立报国强国大志向，努力成为堪当强国建设、民族复兴大任的栋梁之材。
      </p>
    </div>
  </body>
</html>

<!-- 
  浮动属性

    作用：就是让竖着的东西横着来

    一般情况下，默认的容器元素都是会按照文档流，从上往下进行排列

    属性 
      float: left左浮动/right右浮动/none不浮动

    浮动的元素会脱离文档流
    如果每一个元素都加了浮动，那么这些元素就可以从左往右进行排列了


    如果一个元素里面的所有子元素都添加了浮动，那么父元素就会没有高度(高度塌陷)，可以手动的给父元素添加高度,或者添加overflow:hidden;

    如果子元素都浮动，并且总宽度已经超过了父元素的宽度，那么超过的部分就会自动换行




    现在除了浮动，也有很多方式可以做横着排的操作
    图文环绕还是只能由浮动来做
    浮动不是真正的脱离文档流，叫做半脱离文档流
    浮动以后不会影响其他的元素了，但是不能遮挡文字
    
 -->
